<template>
  <div className="wraps">
    <div className="left1">
      <el-card className="box-card" shadow="hover" style="height: 100%">
        <div style="font-size: 16px">
          <NDgdwKjcgSstj></NDgdwKjcgSstj>
        </div>
      </el-card>
    </div>


  </div>
</template>

<script>
import NDgdwKjcgSstj from "@/views/khpx/khpxkb/NDgdwKjcgSstj";

export default {
  name: 'Zscqkb',
  components: { NDgdwKjcgSstj },
  data() {
    return {}
  },
  computed: {
    loadData() {
      // 根据selectedYear加载对应的数据
      // 这里可以是AJAX请求或其他异步操作
      console.log('Loading data for year:', this.selectedYear);
    },
  },
  created() {
  }
}
</script>

<style scoped>
.wraps {
  display: flex;
  width: 100%;
  height: calc(100vh - 134px);
  /*border: 2px dashed #aaa;*/
}

/* 每个左侧栏 */
.left1, .left2, .left3, .left4 {
  flex: 1;
  margin: 1%; /* 调整间距 */
  width: 22%; /* 设置宽度，考虑到边距 */
  /*border: 1px solid #D9EDF7;*/
}


/deep/ .el-card__body {
  padding: 2px 20px 20px 20px;
  height: calc(100% - 30px); /* 减去头部高度 */
}
</style>
